Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Deleting In 24 Hours

react

React Simplified Course: 🌎 Find Me He...

  2026/05/09

Inside YC x Google DeepMind Startups Day

Google

At YC x Google DeepMind Startups Day, Pa...

  2026/05/08

Securing Code in the Age of AI - Simona Toader - NDC Security 2026

Security

This talk was recorded at NDC Security i...

  2026/05/08

SEO Full Course 2026 [FREE] | SEO Tutorial For Beginners | Complete SE

🔥AI-Powered Digital Marketing Certificat...

  2026/05/07

Current sleep cycle: 10% rest and 90% #GoogleIO planning. 😴

Google

Sleep or refreshing the #GoogleIO schedu...

  2026/05/07

Generative AI Tutorial For Beginners | Generative AI Course For Beginn

🔥Generative AI, Machine Learning, And In...

  2026/05/07

3 Must Use TSConfig Features

Twitter

🌎 Find Me Here: My Blog: My Courses: ...

  2026/05/07

What Are MCP Servers? | MCP Servers Tutorial | MCP Servers Explained |

🔥Generative AI, Machine Learning, And In...

  2026/05/07

Learn Make.com In 10 Minutes | Make.com Tutorial For Beginners | Make

🔥Purdue - Applied Generative AI Speciali...

  2026/05/07

Automated Security Testing with OWASP Nettacker - Sam Stepanyan - NDC

Security

This talk was recorded at NDC Security i...

  2026/05/07

Breaking the Black Box: Why Testing Generative AI Is Full Spectrum - J

Security

This talk was recorded at NDC Security i...

  2026/05/07

OWASP Juice Shop: Take your security vitamins! - Jannik Hollenbach & B

Security

This talk was recorded at NDC Security i...

  2026/05/07

What is MLOps? | MLOps Explained for Beginners | DevOps vs MLOps | Edu

Devops

🔥Integrated MS+PGP Program in Data Scien...

  2026/05/06

Large Language Models Explained | LLM Basics for Beginners | How ChatG

🔥PGP in Generative AI and ML in collabor...

  2026/05/06

Why is there a Matryoshka in my code? 🪆

study

Gemini Embedding 2 uses Matryoshka Repre...

  2026/05/06